<!-- 暂无组件 -->
<template>
  <div class="unavailable-container">
    <Icon type="unavailable"></Icon>
    <p>{{ title }}</p>
  </div>
</template>

<script setup>
import Icon from "../Icon/index.vue"
const props = defineProps({
    title:{
        type:String,
        default:"暂无数据"
    }
})
</script>

<style lang="less" scoped>
@import "@/styles/mixin.less";
.unavailable-container{
    .self-center();
    text-align: center;
    .icon-container{
        font-size: 4em;
        
    }
    p{
        margin: 5px 0;
        font-weight: bold;

    }
}
</style>